@wii-color_font-darkgray: '#358cc';
@wii-color_font-lightgray3:'#358cc';
@wii-color_font-lightgray: '#358cc';
@wii-color_font-darkgray: '#358ccc';
@wii-color_tencent-blue: '#358ccc';

.wii-city-switch {
  .alphabet-list {
    padding-top: 0px;

    .section-item {
      .section-item__container {
      }

      .section-item__hot-container {
        .header-container {
          display: flex;
          flex-direction: column;
          padding: 22px 20px 0 20px;

          .gps-container {
            display: flex;
            align-items: center;
            margin-bottom: 15px;

            .address {
              font-size: 16px;
              font-weight: 600;
              line-height: 1;
              color: @wii-color_font-darkgray;
              margin-right: 10px;
            }

            .gps-tips {
              font-size: 13px;
              font-weight: 300;
              line-height: 1;
              color: @wii-color_font-lightgray3;
            }

          }

          .box-item__container {
            display: flex;
            flex-direction: column;
            margin-top: 15px;

            .box-item__title {
              font-size: 16px;
              font-weight: 600;
              line-height: 1;
              color: @wii-color_font-lightgray;
              margin-bottom: 20px;
            }

            .late-query__container {
              display: flex;
              align-items: center;
              flex-wrap: wrap;

              .late-query-item {
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                font-weight: 300;
                line-height: 1;
                color: @wii-color_font-darkgray;
                margin-bottom: 15px;
                margin-right: 30rpx;
                width: 98px;
                height: 28px;
                border-radius: 3px;
                background-color: #ffffff;
                border: solid 1rpx #eaeaea;
              }

              .late-query-item:nth-child(3n) {
                margin-right: 0;
              }

              .late-query-item-cur {
                color: @wii-color_tencent-blue;
              }

            }

          }

        }

        .line {
          margin: 0 20px;
          box-sizing: border-box;
          height: 5px;
          background-color: #f8f8f8;
          margin-bottom: 30rpx;
        }

      }

      .section-item-header {
        display: flex;
        align-items: center;
        margin-bottom: 2px;
        padding: 0 20px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        color: @wii-color_font-darkgray;
      }

      .section-item-cells {
        padding: 0 20px;

        .section-item-cell {
          padding: 20px 0;
          font-size: 14px;
          font-weight: 300;
          line-height: 1;
          color: @wii-color_font-darkgray;
        }

      }

    }

  }

  .border-bottom {
    border-bottom: 1rpx solid #f3f3f3;
  }

  .alphanet-selector {
    position: fixed;
    top: 80px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 100;
    box-sizing: border-box;

    .selector-one {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;

      .item {
        font-size: 12px;
        color: @wii-color_font-darkgray;
        width: 26px;
        text-align: center;
      }

      .test-tips {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 10px;
        background-color: rgba(74, 74, 74, 0.8);
        display: none;
        font-size: 30px;
        color: #fff;
      }

      .cur {
        display: block;
      }

    }

    .active {
      color: black;
    }

  }

}